<template>
    <view>
        <view class="m-domain">
            <view class="nav flex-c">
                <u-search v-model="searchText" placeholder="搜索更多内容" placeholderSize='32rpx' @custom="custom" leftPosi="right" :showAction="true" :actionStyle="{fontSize:'32rpx'}"></u-search>
            </view>
            <view class="flex-c-s">
                <view style="width: 720rpx">
                    <u-tabs
                        :list="list"
                        @click="click"
                        :lineColor="$main_color"
                        :activeStyle="{
                            color: $main_color,
                            fontWeight: 'bold',
                            fontSize: '38rpx'
                        }"
                        :inactiveStyle="{
                            color: '#666666',
                            fontSize: '38rpx'
                        }"
                        lineHeight="0"
                        itemStyle="padding:0 24rpx; height: 40rpx;"
                    ></u-tabs>
                </view>
                <!-- <view class="text-more">更多</view> -->
            </view>
        </view>
    </view>
</template>
<script>
export default {
    name: 'm-district',
    options: {
        styleIsolation: 'shared' // 解除样式隔离
    }
};
</script>
<script setup>
import { ref, reactive } from 'vue';

import { onReady } from '@dcloudio/uni-app';

const searchText = defineModel();
defineProps(['list']);
const emits = defineEmits(['resetGetList','custom']);
const click = (e) => {
    emits('resetGetList', e);
};

const custom = (e) => {
    emits('custom');
};

onReady(() => {});
</script>

<style scoped lang="scss">
:deep(.u-search__content__input--placeholder) {
    font-size: 24rpx;
}

:deep(.uni-input-input) {
    font-size: 24rpx;
}

.m-domain {
    background: #ffffff;
    padding: 22rpx 0 30rpx;

    .nav {
        padding: 0 24rpx 40rpx;

        .nav-l {
            flex: 0 0 auto;
            font-family: PingFang SC, PingFang SC;
            font-weight: 600;
            font-size: 30rpx;
            color: #2b2b2b;
            margin-right: 14rpx;
        }
    }

    .text-more {
        flex: 0 0 auto;
        font-family: PingFang SC, PingFang SC;
        font-weight: 600;
        font-size: 28rpx;
        color: #000000;
        margin-right: 26rpx;
        margin-top: 4rpx;
    }
}
</style>
